<div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-4">
            <div class="input-group">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.editdata.background" type="color" />
                <span class="input-group-addon btn btn-default" ng-click="pagedata.editdata.background='#ffffff'" >清除</span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">按钮形状</div>
        <div class="col-sm-10">
            <label class="radio-inline"><input type="radio" name="navstyle" value="" class="diy-bind" ng-checked="pagedata.editdata.navstyle==''" ng-model="pagedata.editdata.navstyle"> 正方形</label>
            <label class="radio-inline"><input type="radio" name="navstyle" value="radius" class="diy-bind" ng-checked="pagedata.editdata.navstyle=='radius'" ng-model="pagedata.editdata.navstyle"> 圆角</label>
            <label class="radio-inline"><input type="radio" name="navstyle" value="circle" class="diy-bind" ng-checked="pagedata.editdata.navstyle=='circle'" ng-model="pagedata.editdata.navstyle"> 圆形</label>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">每行数量{{pagedata.editdata.rownum}}</div>
        <div class="col-sm-10">
            <label class="radio-inline"><input type="radio" name="rownum" value="3" class="diy-bind" ng-checked="pagedata.editdata.rownum==3" ng-model="pagedata.editdata.rownum"> 3个</label>
            <label class="radio-inline"><input type="radio" name="rownum" value="4" class="diy-bind" ng-checked="pagedata.editdata.rownum==4" ng-model="pagedata.editdata.rownum"> 4个</label>
            <label class="radio-inline"><input type="radio" name="rownum" value="5" class="diy-bind" ng-checked="pagedata.editdata.rownum==5" ng-model="pagedata.editdata.rownum"> 5个</label>
        </div>
    </div>
    <div class="form-items">
        <div class="inner" id="form-items">
            <div class="item" ng-repeat="menu in pagedata.editdata.menus">
                <span class="btn-del" title="删除" ng-click="pagedata.editdata.menus.splice($index,1)"></span>
                <div class="item-image square">
                    <div class="text" ng-click="image(menu,'imgurl')">选择图片</div>
                    <img ng-src="{{tomedia(menu.imgurl)}}" />
                </div>
                <div class="item-form">
                    <div class="input-group" style="margin-bottom:0px; ">
                        <span class="input-group-addon">文字</span>
                        <input type="text" class="form-control input-sm diy-bind" placeholder="按钮文字" ng-model="menu.text" style="width: 60%" />
                        <input class="form-control input-sm diy-bind color " ng-model="menu.color" type="color" style="width: 40%" />
                        <span class="input-group-addon btn btn-default" ng-click="menu.color='#666666'">重置颜色</span>
                    </div>
                    <div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
                        <input type="text" class="form-control input-sm diy-bind" placeholder="请选择链接或输入链接地址" ng-model="menu.linkurl" />
                        <span class="input-group-addon btn btn-default" ng-click="pagedata.choose_url(menu,'linkurl')">选择链接</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn btn-w-m btn-block btn-default btn-outline" ng-click="pagedata.new={'title':'按钮文字'};pagedata.editdata.menus.push(pagedata.new);"><i class="fa fa-plus"></i> 添加一个</div>
    </div>